<template>
    <div>
        <el-header style="height: 35px">
            <Head :items="subName"></Head>
        </el-header>
        <el-main>
            <router-view></router-view>
        </el-main>
    </div>
</template>

<script>
    import Head from "@/components/Main/Head";
    export default {
        name: "Home",
        components: {Head},
        data(){
            return{
                subName:[
                    {index:'/Home/content',title:'推荐'},
                    {index:'/Home/contentTwo',title: '排行榜'},
                    {index:'/Home/contentTr',title: '歌单'},
                    {index:'/Home/contentFour',title: '歌手'},
                    {index:'/Home/contentFive',title: '新碟上架'},
                    // {index:'/Home/video',title: 'MV'}
                ]
            }
        }
    }
</script>

<style scoped>
    /deep/ .el-header{
        padding: 0;
    }
</style>